<DOCTYPE html>
<html lang="zh-han">
    <head>
        <title>Home</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1",shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
        <meta name="generator" content="Jekyll v4.0.1">
        <title>Cover Template · Bootstrap</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/cover/">

        <link href="static/bootstrap.css" rel="stylesheet">

        <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      .divForm{
          position: absolute;/*绝对定位*/
          width: 400px;
          height: 500px;
      {#border: 1px solid red;#}
          text-align: center;/*(让div中的内容居中)*/
          top: 50%;
          left: 50%;
          margin-top: -200px;
          margin-left: -150px;
        }
    </style>
        <!-- Custom styles for this template -->
    <link href="static/home.css" rel="stylesheet">
    </head>
    <body class="text-center">
    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
  <header class="masthead mb-auto">
    <div class="inner">
      <h3 class="masthead-brand">主页</h3>
        <nav class="nav nav-masthead justify-content-center">
            <p>欢迎来到主页</p>
            <a class="nav-link active" href="{{ url_for('login') }}">log in</a>
            <a class="nav-link" href="{{ url_for('regist') }}">regist</a></nav>
    </div>
  </header>
<div class="divForm">
<main role="main" class="inner cover">
    <h1 class="cover-heading">vicky的皮肤测试站</h1>
    <p class="lead">请先进行注册再进行登录操作</p>
    <p class="lead">登录账号了账号才可以测试皮肤状况噢~</p>
    <p class="lead">登录账号开始你的专属皮肤测试吧~</p>
    <p class="lead">
{#      <a href="{{ url_for('first_page') }}" class="btn btn-lg btn-secondary">了解更多</a>#}
    </p>
  </main>

  <footer class="mastfoot mt-auto">
    <div class="inner">
      <p> by @vicky.</p>
    </div>
  </footer>
</div>
    </div>
</body>
</html>